<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>汉服荟商城，正在选购...</title>
		<link rel="stylesheet" href="../css/bootstrap.min.css">
		<link rel="stylesheet" href="../css/mallket.css">
		<script type="text/javascript" src="../js/jquery.min.js"></script>
		<script src="../bootstrap3/js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/bootstrap.min.js"></script>

	</head>

	<body>
		<div class="header_top fixed-top">
			<div class="top">
				<div class="m_info">
					<a class="logo" href="#"><img src="../mall_image/mall_logo.jpg"></a>
					<input type="text" class="search top" placeholder="请输入您要搜索的商品或店铺" />
					<a class="search_for" href="#"><img src="../mall_image/search.jpg"></span>
					</a>
					<span id="dlu"><a onclick="" href="reg.html">注册</a>&nbsp;&nbsp;|&nbsp;&nbsp;
					<a onclick="" href="login.html">登录</a></span>
				</div>
			</div>
			<div class="m_info .bar">
				<nav class="navbar navbar-expand-sm bg-light">
					<!-- Links -->
					<ul class="navbar-nav">
						<li class="nav-item">
							<a class="nav-link" href="../index.html">首页</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="han_shopmall.html#H_nan">才子汉服</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="han_shopmall.html#H_nv">佳人汉服</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="##">关于我们</a>
						</li>
					</ul>

				</nav>
			</div>
		</div>
		<div class="m_info mt20">
			<!--商品！-->
			<div class="def_product">
				<p class="title">汉服元素</p>
				<div class="def_product_list">
					<ul id="han_sell">
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(24)" alt="她说汉服改良法兰绒睡衣冬装粉色少女装长袖套" /></a>
							<p class="price"><i>￥</i>109.00</p>
							<p class="name">
								<a href="#" target="_blank">她说汉服改良法兰绒睡衣冬装粉色少女装长袖套</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(25)" alt="暖绒 花朝记汉服原创设计汉元素粉色毛呢交领外套秋冬女装保暖" /></a>
							<p class="price"><i>￥</i>168.00</p>
							<p class="name">
								<a href="#" target="_blank">暖绒 花朝记汉服原创设计汉元素粉色毛呢交领外套秋冬女装保暖</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(26)" alt="书怡 花朝记汉服原创云纹刺绣 汉元素毛呢对襟秋冬日常外套女装" /></a>
							<p class="price"><i>￥</i>198.00</p>
							<p class="name">
								<a href="#" target="_blank">书怡 花朝记汉服原创云纹刺绣 汉元素毛呢对襟秋冬日常外套女装</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(27)" alt="她说汉服女秋冬魏晋改良薄毛呢斜襟宽袖裤子套装" /></a>
							<p class="price"><i>￥</i>69.50</p>
							<p class="name">
								<a href="#" target="_blank">她说汉服女秋冬魏晋改良薄毛呢斜襟宽袖裤子套装</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(28)" alt="雪青 花朝记汉服原创设计汉元素 明制袄裙砖红色短褶秋冬女装" /></a>
							<p class="price"><i>￥</i>128.00</p>
							<p class="name">
								<a href="#" target="_blank">雪青 花朝记汉服原创设计汉元素 明制袄裙砖红色短褶秋冬女装</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(29)" alt="鹿韵记原创改良汉服凝语圆领外套日常秋冬汉元素" /></a>
							<p class="price"><i>￥</i>368.00</p>
							<p class="name">
								<a href="#" target="_blank">鹿韵记原创改良汉服凝语圆领外套日常秋冬汉元素</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(30)" alt="呦呦鹿鸣 交领袄短裙花朝记汉服原创 小鹿刺绣日常汉元素女装秋冬" /></a>
							<p class="price"><i>￥</i>128.00</p>
							<p class="name">
								<a href="#" target="_blank">呦呦鹿鸣 交领袄短裙花朝记汉服原创 小鹿刺绣日常汉元素女装秋冬</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(31)" alt="客乡居 蘸客花朝记旗下原创设计中国风改良明制翻领大衣民族女装" /></a>
							<p class="price"><i>￥</i>198.00</p>
							<p class="name">
								<a href="#" target="_blank">客乡居 蘸客花朝记旗下原创设计中国风改良明制翻领大衣民族女装</a>
							</p>
						</li>
					</ul>
				</div>
			</div>
<div class="def_product">
				<p class="title">精品推荐</p>
				<div class="def_product_list">
					<ul id="proty">
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(16)" alt="丹墨  观其赋原创传统汉服女 立领琵琶袖上襦 一片式穿孔下裙" /></a>
							<p class="price"><i>￥</i>89.00</p>
							<p class="name">
								<a href="#" target="_blank">溪春堂【如玉】雪纺纱原创设计 传统汉服 明制道袍 男装汉服</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(17)" alt="【流烟昔泠】传统汉服女装配饰绣花刺绣女头饰发带日常发饰" /></a>
							<p class="price"><i>￥</i>19.80</p>
							<p class="name">
								<a href="#" target="_blank">【流烟昔泠】流烟昔泠 凌川 唐制圆领袍衫原创秋冬男汉服</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(18)" alt="灵菲记【四季花】原创汉服女冬装刺绣立领长袄袄裙传统汉服齐腰裙" /></a>
							<p class="price"><i>￥</i>50.00</p>
							<p class="name">
								<a href="#" target="_blank">灵菲记【四季花】原创汉服女冬装刺绣立领长袄袄裙传统汉服齐腰裙</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(19)" alt="她说汉服女绣花袄裙寒酥琵琶袖直袖交领一片式印花褶裙（遵守规则" /></a>
							<p class="price"><i>￥</i>77.00</p>
							<p class="name">
								<a href="#" target="_blank">汉服男深寒冷冽色直袖交领一片式（遵守规则）</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(20)" alt="幻乐天 花朝记方舆汉服女装秋冬原创印花烫金齐胸大袖衫现货包邮" /></a>
							<p class="price"><i>￥</i>49.00</p>
							<p class="name">
								<a href="#" target="_blank">喜庆乐天 花朝记方舆汉服印花烫金窄袖衫现货包邮</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(21)" alt="桑落馆人气汉服配饰竹子流苏宝石发带特价秒杀全国包邮清梦" /></a>
							<p class="price"><i>￥</i>45.00</p>
							<p class="name">
								<a href="#" target="_blank">桑落馆人气汉服配饰竹子流苏宝石发带特价秒杀全国包邮清梦</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(22)" alt="【睿姬】汉服齐胸襦裙  绣花 欧根纱 齐胸汉服 平价汉服 非现货" /></a>
							<p class="price"><i>￥</i>168.00</p>
							<p class="name">
								<a href="#" target="_blank">【睿姬】汉服齐胸襦裙 绣花 欧根纱 齐胸汉服 平价汉服 非现货</a>
							</p>
						</li>
						<li>
							<a href="#" target="_blank"><img src="../mall_image/webp(23)" alt="流烟昔泠 荷包合集 传统原创汉服情侣女装配饰绣花汉服收口包" /></a>
							<p class="price"><i>￥</i>19.80</p>
							<p class="name">
								<a href="#" target="_blank">大红幻袍 男装汉服重回唐汉创古中国风喜庆红色</a>
							</p>
						</li>
					</ul>
				</div>

			</div>
				<div class="def_product">
					<p class="title">配饰周边</p>
					<div class="def_product_list">
						<ul id="access">
							<li>
								<a href="#" target="_blank"><img src="../mall_image/webp(32)" alt="【画骨生香】江澄 原创腰佩禁步多宝少女礼物汉服古风" /></a>
								<p class="price"><i>￥</i>148.00</p>
								<p class="name">
									<a href="#" target="_blank">【画骨生香】江澄 原创腰佩禁步多宝少女礼物汉服古风</a>
								</p>
							</li>
							<li>
								<a href="#" target="_blank"><img src="../mall_image/webp(33)" alt="2018新款汉服手绘发带清新萌妹子礼物樱花头饰发带国风汉元素" /></a>
								<p class="price"><i>￥</i>19.90</p>
								<p class="name">
									<a href="#" target="_blank">2018新款汉服手绘发带清新萌妹子礼物樱花头饰发带国风汉元素</a>
								</p>
							</li>
							<li>
								<a href="#" target="_blank"><img src="../mall_image/webp(34)" alt="2018新款双面汉服发带手绘樱花古风饰品萌妹子个性发饰定制礼品" /></a>
								<p class="price"><i>￥</i>19.90</p>
								<p class="name">
									<a href="#" target="_blank">2018新款双面汉服发带手绘樱花古风饰品萌妹子个性发饰定制礼品</a>
								</p>
							</li>
							<li>
								<a href="/product/34573?from=default" target="_blank"><img src="../mall_image/webp(35)" alt="【渡荷舫】发簪福袋，满15元发货，满55元非偏远包邮" /></a>
								<p class="price"><i>￥</i>30.00</p>
								<p class="name">
									<a href="/product/34573?from=default" target="_blank">【渡荷舫】发簪福袋，满15元发货，满55元非偏远包邮</a>
								</p>
							</li>
							<li>
								<a href="#" target="_blank"><img src="../mall_image/webp(36)" alt="2018新款冬季手绘手套冬粉色国风汉服手抄暖手通学生半指轻便萌妹" /></a>
								<p class="price"><i>￥</i>29.00</p>
								<p class="name">
									<a href="#" target="_blank">2018新款冬季手绘手套冬粉色国风汉服手抄暖手通学生半指轻便萌妹</a>
								</p>
							</li>
							<li>
								<a href="#" target="_blank"><img src="../mall_image/webp(37)" alt="新款古风汉元素汉服手套配饰礼物定制闺蜜中国风礼品日常露指萌妹" /></a>
								<p class="price"><i>￥</i>28.00</p>
								<p class="name">
									<a href="#" target="_blank">新款古风汉元素汉服手套配饰礼物定制闺蜜中国风礼品日常露指萌妹</a>
								</p>
							</li>
							<li>
								<a href="#" target="_blank"><img src="../mall_image/webp(38)" alt="【梅花】水墨国画西式开口硫酸纸信封中国风工艺品 （单个价）" /></a>
								<p class="price"><i>￥</i>0.90</p>
								<p class="name">
									<a href="#" target="_blank">【梅花】水墨国画西式开口硫酸纸信封中国风工艺品 （单个价）</a>
								</p>
							</li>
							<li>
								<a href="#" target="_blank"><img src="../mall_image/webp(39)" alt="【江南水乡】水墨国画西式开口硫酸纸信封中国风工艺品 （单个价" /></a>
								<p class="price"><i>￥</i>0.90</p>
								<p class="name">
									<a href="#" target="_blank">【江南水乡】水墨国画西式开口硫酸纸信封中国风工艺品 （单个价)</a>
								</p>
							</li>
						</ul>
					</div>
					<!--<div class="line_on">
						<a href="#" target="_blank"><img src="../mall_image/088b331f59d74d43a16052d8360525b6.png"></a>
					</div>-->
				</div>
		</div>
				<!--底部-->
				<footer>
					<p>
						<a href="#" target="_blank">关于我们</a><i>|</i>
						<a href="#" target="_blank">商家入驻</a><i>|</i>
						<a href="#" target="_blank">入驻协议</a><i>|</i>
						<a href="#" target="_blank">新手指南</a><i>|</i>
						<a href="#" target="_blank">商务合作</a><i>|</i>
						<a href="#" target="_blank">汉服荟</a>
					</p>
					<p class="copyright">
						<a href="#" class="ebs" target="_blank"></a>CopyRight ©2018 珠海市达内汉服网络科技有限公司 版权所有
						<a href="#" target="_blank">粤ICP备14084884号-1</a> 电话：0888-8888888
					</p>
				</footer>
		<!-------------------------js代码json----------------------------->
		<script type="text/javascript">
            $(document).ready(function () {
                showHan(105);
                showProty(106);
                showAccess(107);
                //
                var url = "../user/info.do";
                //发出ajax请求并处理结果。
                $.ajax({
                    "url": url,
                    "type": "POST",
                    "dataType": "json",
                    "success": function (json) {
                        var user = json.data;
                        console.log(json.data.avatar);
                        var reLogin="&nbsp;<a href=\"home.html\">[个人中心]</a><a href=\"javascript:toback()\">[退出]</a>";
                        $("#dlu").html(user.username+reLogin);
                        $.cookie("avatar",json.data.avatar,{
                            expires : 7
                        });
                    }
                });
            });
            function toback() {
                var url = "../user/toback";
                //发出ajax请求并处理结果。
                $.ajax({
                    "url": url,
                    "type": "POST",
                    "dataType": "json",
                    "success": function (json) {
                        if(json.state==200){
                            window.location.href = "login.html";
                        }
                    }
                });
            }

            /*汉服元素*/
            function showHan(id) {
                var url = "../goods/list/"+id;
                $.ajax({
                    "url": url,
                    "type": "GET",
                    "dataType": "json",
                    "success": function(json) {
                        $("#han_sell").empty();
                        var list = json.data;

                        for (var i = 0; i < list.length; i++) {
                            console.log("热卖："+list[i].price);
                            var html = '<li> <a href="product.html?id=#{id}" target="_blank"><img src="..#{image}" alt="#{title}"> </a> ' +
                                '<p class="price"><i>￥</i>#{price}</p> <p class="name"> <a href="product.html?id=#{id}" target="_blank">#{title} </a></p> </li>';

                            html = html.replace(/#{id}/g, list[i].id);
                            html = html.replace(/#{title}/g, list[i].title);
                            html = html.replace(/#{price}/g, list[i].price);
                            html = html.replace(/#{image}/g, list[i].image);

                            $("#han_sell").append(html);
                        }
                    }
                });
            }
            /*精品元素*/
            function showProty(id) {
                var url = "../goods/list/"+id;
                $.ajax({
                    "url": url,
                    "type": "GET",
                    "dataType": "json",
                    "success": function(json) {
                        $("#proty").empty();
                        var list = json.data;

                        for (var i = 0; i < list.length; i++) {
                            console.log("佳人："+list[i].price);
                            var html = '<li> <a href="product.html?id=#{id}" target="_blank"><img src="..#{image}" alt="#{title}"> </a> ' +
                                '<p class="price"><i>￥</i>#{price}</p> <p class="name"> <a href="product.html?id=#{id}" target="_blank">#{title} </a></p> </li>';

                            html = html.replace(/#{id}/g, list[i].id);
                            html = html.replace(/#{title}/g, list[i].title);
                            html = html.replace(/#{price}/g, list[i].price);
                            html = html.replace(/#{image}/g, list[i].image);

                            $("#proty").append(html);
                        }
                    }
                });
            }
            /*配饰周边*/
            function showAccess(id) {
                var url = "../goods/list/"+id;
                $.ajax({
                    "url": url,
                    "type": "GET",
                    "dataType": "json",
                    "success": function(json) {
                        $("#access").empty();
                        var list = json.data;

                        for (var i = 0; i < list.length; i++) {
                            console.log("才子："+list[i].title);
                            var html = '<li> <a href="product.html?id=#{id}" target="_blank"><img src="..#{image}" alt="#{title}"> </a> ' +
                                '<p class="price"><i>￥</i>#{price}</p> <p class="name"> <a href="product.html?id=#{id}" target="_blank">#{title} </a></p> </li>';

                            html = html.replace(/#{id}/g, list[i].id);
                            html = html.replace(/#{title}/g, list[i].title);
                            html = html.replace(/#{price}/g, list[i].price);
                            html = html.replace(/#{image}/g, list[i].image);

                            $("#access").append(html);
                        }
                    }
                });
            }

</script>

		</body>

</html>